/* INDEX */ 

 
    body {
        background-color: #ffffff;
    }
    .modal-contenido {
background-color: #ffffff;
    } 
 
    .index {
        background-image: url('../../../v2/GM13Tk5Rfq/img/fond1.png');
    }  
    @media(max-width:800px) {
        .index {
            background-image: url('../../../v2/GM13Tk5Rfq/img/F mov 12.png');
        }
    }
 
    .button_color {
        color: #ffffff;
    } 
 
    .button_color {
        background-color: #007dc9;
    } 
 
    .button_color:hover {
        color: #0d6fab;
    } 
 
    .div-my_account, .div-social-networks {
        background: #0d6fab;
    } 

/* COTIZADOR */ 

 
    .carousel-item-title, .carousel-item-title-modal, .upload-image-default-h4, .href-upload-image{
        color: #0d6fab;
    }
    .content-upload-image, .div-buttons-upload-image, .div-error-upload-image {
        border-color: #0d6fab;
    }
    .icons-fill-color {
        fill: #0d6fab;
    }
 
    .form-container .input-field {
        background: #f3f3f3;
    } 
    .details-title {
        background-color: #f3f3f3;
    }
 
    .input-wrapper label {
        color: #00386d;
    }
    .details-title {
        color: #00386d;
    }
 
    .carousel-navigation button {
        color: #0d6fab;
    }
 
    .carousel-navigation .dot {
        border-color: #0d6fab;
    } 
 
    .carousel-navigation .dot.active {
        background-color: #00386d;
    } 

/* GRILLA */

 
    .selector-planes, .grid__card, .opciones, .select-personalizado, .number-operation-container__title, .grid__card-mobile {
        background-color: #00386d;
    }
 
    .splide__slide.is-active .grid__card, .opciones li:hover, .splide__slide.is-active .grid__card-mobile  {
        background-color: #0d6fab;
    } 
 
    .splide__slide.is-active .grid__card .select-personalizado {
        background-color: #06dfab;
    } 
    .selector__tipo-cobertura.is-active {
        background-color: #06dfab;
    }
 
    .card-section .suma-asegurada, .card-section .cobertura-precio-cuota, .card-section .cobertura-franquicia, .card-section .descuentos-operador, .selector-planes  {
        color: #ffffff;
    }
 
    .div-discount {
        background: #ffffff;
    } 
 
    .modal-descuento {
        background-color: #ffffff;
    } 
   
    .spinner__text {
        color: #ffffff;
    }
 
    :root { 
        --colorSpinner: #00386d;
    }

    .progress {
        background-color: var(--colorSpinner);
    }
     
    @keyframes  dot-typing {

        0% {
            box-shadow: 9984px 0 0 0 var(--colorSpinner), 9999px 0 0 0 var(--colorSpinner), 10014px 0 0 0 var(--colorSpinner);
        }
        16.667% {
            box-shadow: 9984px -10px 0 0 var(--colorSpinner), 9999px 0 0 0 var(--colorSpinner), 10014px 0 0 0 var(--colorSpinner);
        }
        33.333% {
            box-shadow: 9984px 0 0 0 var(--colorSpinner), 9999px 0 0 0 var(--colorSpinner), 10014px 0 0 0 var(--colorSpinner);
        }
        50% {
        box-shadow: 9984px 0 0 0 var(--colorSpinner), 9999px -10px 0 0 var(--colorSpinner), 10014px 0 0 0 var(--colorSpinner);
        }
        66.667% {
        box-shadow: 9984px 0 0 0 var(--colorSpinner), 9999px 0 0 0 var(--colorSpinner), 10014px 0 0 0 var(--colorSpinner);
        }
        83.333% {
        box-shadow: 9984px 0 0 0 var(--colorSpinner), 9999px 0 0 0 var(--colorSpinner), 10014px -10px 0 0 var(--colorSpinner);
        }
        100% {
        box-shadow: 9984px 0 0 0 var(--colorSpinner), 9999px 0 0 0 var(--colorSpinner), 10014px 0 0 0 var(--colorSpinner);
        }
    }